import React from "react";
import { Link } from "react-router-dom";
import { Carousel, Image } from "react-bootstrap";

const ProductsCarousel = () => {

  return (
    <Carousel pause="hover" className="bg-dark">
      <Carousel.Item>
        <Link to="/">
          <Image src="/images/banner1.jpg" fluid></Image>
        </Link>
      </Carousel.Item>
      <Carousel.Item>
        <Link to="/">
          <Image src="/images/banner2.jpg" fluid></Image>
        </Link>
      </Carousel.Item>
    </Carousel>
  );
};

export default ProductsCarousel;
